$(document).ready(function () {
    var showResult = $("#show-result");
    $("#btn-show").click(function () {
        $("#table-area").animate({right: '-390px'},1000);
        $("#btn-show").animate({"left": "380px"},1000);
        $("#btn-hide").delay(500).animate({left: '0'});
        showResult.animate({width: '90px',height:'70px'},1000);
        showResult.addClass('overHide');
        $("#toTop").addClass('hideDom');
        $("#toBottom").addClass('hideDom');
    });
    $("#btn-hide").click(function () {
        $("#table-area").animate({right: '-20px'},1000);
        $("#btn-show").animate({"left": "20px"},1000);
        $("#btn-hide").animate({left: '-70px'});
        showResult.animate({width: '440px',height:'490px'},1000);
        showResult.removeClass('overHide');
        $("#toTop").removeClass('hideDom');
        $("#toBottom").removeClass('hideDom');
    });
    $("#toTop").on('click',function () {
        $('table').animate({
            scrollTop:0
        },1000)
        // return false;
    });
    $("#toBottom").on('click',function () {
        $('table').animate({
            scrollTop:1370
        },1000)
        // return false;
    });
});
